/* 公用组件样式，比如：弹窗、页码、导航、按钮等 */

/* element-ui 组件 导航菜单子菜单样式 */
.el-menu>.el-menu-item {
    padding: 0 0.14rem 0 0.1rem !important;
}

.el-menu-item:hover,
.el-submenu__title:hover {
    color: var(--menuActiveColor) !important;
    border-bottom: 2px solid var(--menuActiveColor) !important;
    background-color: rgba(84, 92, 100, 0) !important;
}

.el-menu-item i[class^=el-icon-],
.el-submenu__title i {
    color: white !important;
    margin-right: 0.05rem;
}

.el-menu-item:hover i[class^=el-icon-],
.el-menu-item:hover span,
.el-menu-item.is-active i[class^=el-icon-],
.el-menu-item.is-active span,
.el-submenu__title:hover i[class^=el-icon-],
.el-submenu__title:hover i[class^=el-submenu__icon-],
.el-submenu__title:hover span{
    color: var(--menuActiveColor) !important;
}

.el-submenu__title {
    padding: 0 0.1rem !important;
}

.el-submenu .el-menu--popup,
.el-submenu .el-menu-item {
    min-width: 1rem !important;
}

/* element-ui 组件 导航菜单子菜单 滚动条上下滚动时样式 */
.navBG .el-menu-item i,
.navBG .el-submenu__title i {
    color: var(--fontLevel1) !important;
}

.navBG .el-submenu .el-menu {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* element-ui 组件 Dropdown 下拉菜单样式 */
.el-dropdown {
    cursor: pointer;
}

/* 卡片默认样式 */
.el-card {
    border-radius: 0.1rem;
    box-shadow: 0 0.04rem 0.08rem 0.06rem rgba(7, 17, 27, 0.06);
    transition: all 0.3s
}

/* 鼠标滑过卡片样式 */
.el-card:hover {
    box-shadow: 0 0.04rem 0.12rem 0.12rem rgba(7, 17, 27, 0.15);
}